import React, {memo} from 'react'
import type {FC, ReactNode} from 'react'
import {FooterWrapper} from '@/components/appFooter/footerStyled'

interface IProps {
  children?: ReactNode
}

const AppFooter: FC<IProps> = (props) => {
  return (
    <FooterWrapper>
      <div className="container">
        <ul className={'links'}>
          <li>
            <div className={'top'}></div>
            <p className={'title'}>音乐开放平台</p>
          </li>
          <li>
            <div className={'top'}></div>
            <p className={'title'}>云村交易所</p>
          </li>
          <li>
            <div className={'top'}></div>
            <p className={'title'}>Amped Studio</p>
          </li>
          <li>
            <div className={'top'}></div>
            <p className={'title'}>用户认证</p>
          </li>
          <li>
            <div className={'top'}></div>
            <p className={'title'}>音乐交易平台</p>
          </li>
          <li>
            <div className={'top'}></div>
            <p className={'title'}>赞赏</p>
          </li>
        </ul>
        <ul className="desc">
          <li>服务条款</li>
          <li>隐私政策</li>
          <li>儿童隐私政策</li>
          <li>版权投诉</li>
          <li>投资者关系</li>
          <li>广告合作</li>
          <li>联系我们</li>
        </ul>
        <ul className={'tel'}>
          <li>廉政举报</li>
          <li>不良信息举报邮箱:51jubao@service.netease.com</li>
          <li>客服热线: 95163298</li>
        </ul>
        <ul className={'info'}>
          <li>互联网宗教信息服务许可证：浙（2022）0000120</li>
          <li>增值电信业务经营许可证：浙B2-20150198</li>
          <li>粤B2-20090191-18  工业和信息化部备案管理系统网站</li>
        </ul>
        <ul className={'address'}>
          <li>网易公司版权所有©1997-2023</li>
          <li>杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</li>
          <li>浙公网安备 33010902002564号</li>
        </ul>
      </div>
    </FooterWrapper>
  )
  
}

export default memo(AppFooter)